<style>
    .contrast_index .item{
        border: none;
    }
    .selectAll_checkbox{
        display: block;
        position: absolute;
        border: none;
        top: 10px;
        left: 20px;
        width: 50px;
        padding: 0;
        z-index: 999;
        height: 30px;
        margin: 0;
    }
    .contrast_index  .item-checkbox .checkbox{
        top: 55%;
        left: 18px;
    }
    .contrast_index .checkbox-icon{
        width: 20px;
        height: 20px;
    }
    .contrast_index .checkbox-icon:after{
        top: 20%;
    }
</style>
<ion-view view-title="产品对比">
    <!--<ion-nav-bar>
        <ion-nav-back-button class="button-clear" style="padding-left: 15px;">
            &lt;!&ndash;自定义返回图标&ndash;&gt;
            <i  style="display: block;width: 22px;height:22px;margin-top: 4px;background: url('./img/back.png') center/22px 22px"></i>
        </ion-nav-back-button>

        <ion-nav-buttons  side="right">
            <button  class="button" ng-click="contrastRedact()" style="background-color: #fff;">
                编辑
            </button>
        </ion-nav-buttons>
    </ion-nav-bar>-->

    <ion-header-bar class="index_head">
        <button class="button button-icon icon ion-android-arrow-back" ng-click="$ionicGoBack()" style="color: #fff"></button>
        <div class="h1 title"> 产品对比</div>
        <button class="button button-clear button-positive zhuce_head_btn" style="color: #fff;font-size: 14px;" ng-click="contrastRedact()">编辑</button>
    </ion-header-bar>
    <ion-content class="bg-fff contrast_index">

        <div ng-repeat="(x , y) in contrastData">
            <ion-checkbox ng-checked ="select_one" class="checkbox-assertive"  ng-click="addselData(x,y)">{{x}}</ion-checkbox>

        </div>
        <div class="row row-center" ng-show="!isRedact" style="margin-top: 30px;    padding: 0 20px;">
            <!--<button style="font-size: 16px;margin-right: 20px;" class="button button-assertive button-small col " ui-sref="search({typelist:'02,03,07'})" >-->
                <!--+添加产品-->
            <!--</button>-->
            <button style="font-size: 16px;background-color: #f93841;border-color: #f93841;" class="button button-assertive button-small col " ng-click="beginContrast()" >
                开始对比
            </button>
        </div>

    </ion-content>
    <div ng-show="isRedact" class="w4-xtzgDe-bottom contrast_index  row row-no-padding bg-fff">

        <div class="col w4-xtzgDe-icon " ng-click="selectAll()">
            <ion-checkbox ng-checked ="select_one"  class="checkbox-assertive selectAll_checkbox">  </ion-checkbox>
            <a  style="color: #636363;font-size: 18px;margin-top: 12px">
                全选
            </a>
        </div>
        <div class="col" ng-click="contrast_del() ">
            <div class="w4-xtzgDe-order">删除</div>
        </div>
    </div>
</ion-view>